<template>
    <div class="login-reg-page">
      <div class="login-reg-area">
        <h2>用户登录/注册</h2>
        <el-form :model="form" ref="form" :rules="rules" label-width="80px" :inline="false" size="normal" class="login-box">
          <el-form-item label="账号" class="login-name">
            <el-input v-model="form.name"></el-input>
          </el-form-item >
          <el-form-item label="密码" class="login-pass">
            <el-input v-model="form.pass" type='password'></el-input>
          </el-form-item>
        </el-form>
        
      </div>
    </div>
</template>

<script>
export default {
  name: 'login',
  data () {
    return {
      form:{
        name:'',
        pass:'',
      }
    }
  },
  created () {},
  // mounted () {},
  computed: {},
  watch: {},
  methods: {}
}
</script>

<style lang="less" scoped>
.login-reg-page {
  width: 100%;
  height: 100vh;
  .login-reg-area {
    height: 500px;
    width: 500px;
    text-align: center;
    h2 {
      height: 30px;
     
    }

    .login-box {
      width: 400px;
      margin: 0 auto;
      .login-name {
        width: 300px;
      }
      .login-pass {
        width: 300px;
      }
      .submit {
        display: flex;
        justify-content: space-between;
        width: 120px;
        .reg{
          width: 300px;
        }
      }
    }
  }
}
</style>
